﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Pages_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script src="/Scripts/jquery.js" type="text/javascript"></script>
    <title>Thông tin khuyến mãi nhanh nhất, mới nhất, uy tín nhất được cập nhật hàng giờ.
    </title>
</head>
<body>
    <div id="wrapper">
        <div id="topNav">
            <h1 class="logo"><a href="#"><img src="images/logo.png" alt="Tranh Sơn Mài"/></a></h1>
                <div class="navBar">
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#">About Us</a></li>
                        <li><a href="#"  class="active">Gallery</a></li>
                        <li><a href="#">Art Link</a></li>
                        <li><a href="#">Contact Us</a></li>
                    </ul>
                    <ol>
                        <li><a href="#">Tiếng việt</a></li>
                        <li><a href="#">English</a></li>
                    </ol>
                </div><!--End .navBar-->
        </div><!--End #topNav-->
        <div id="page">
			<!--End .gallery-->
		</div><!--End #page-->
		<script type="text/javascript">
		    jQuery(document).ready(function ($) {
		        // We only want these styles applied when javascript is enabled
		        $('div.navigation').css({ 'width': '294px', 'float': 'right' });
		        $('div.content').css('display', 'block');

		        // Initially set opacity on thumbs and add
		        // additional styling for hover effect on thumbs
		        var onMouseOutOpacity = 0.67;
		        $('#thumbs ul.thumbs li').opacityrollover({
		            mouseOutOpacity: onMouseOutOpacity,
		            mouseOverOpacity: 1.0,
		            fadeSpeed: 'fast',
		            exemptionSelector: '.selected'
		        });

		        // Initialize Advanced Galleriffic Gallery
		        var gallery = $('#thumbs').galleriffic({
		            delay: 2500,
		            numThumbs: 12,
		            preloadAhead: 10,
		            enableTopPager: true,
		            enableBottomPager: true,
		            maxPagesToShow: 7,
		            imageContainerSel: '#slideshow',
		            controlsContainerSel: '#controls',
		            captionContainerSel: '#caption',
		            loadingContainerSel: '#loading',
		            renderSSControls: true,
		            renderNavControls: true,
		            playLinkText: 'Play Slideshow',
		            pauseLinkText: 'Pause Slideshow',
		            prevLinkText: '&lsaquo; Previous Photo',
		            nextLinkText: 'Next Photo &rsaquo;',
		            nextPageLinkText: 'Next &rsaquo;',
		            prevPageLinkText: '&lsaquo; Prev',
		            enableHistory: false,
		            autoStart: false,
		            syncTransitions: true,
		            defaultTransitionDuration: 900,
		            onSlideChange: function (prevIndex, nextIndex) {
		                // 'this' refers to the gallery, which is an extension of $('#thumbs')
		                this.find('ul.thumbs').children()
							.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
							.eq(nextIndex).fadeTo('fast', 1.0);
		            },
		            onPageTransitionOut: function (callback) {
		                this.fadeTo('fast', 0.0, callback);
		            },
		            onPageTransitionIn: function () {
		                this.fadeTo('fast', 1.0);
		            }
		        });
		    });
		</script>
        </div><!--End #content-->
        <div id="footer">
            <p>Copyright © 2009 nguyenducdanart. All rights reserved</p>
            <p>Address: No. 24/32 Lane 239 Lac Long Quan road, Cau Giay Dist., Ha Noi - Vietnam</p>
            <p>Cell phone: (84) 988082447 | Email: info@nguyenducdanart.com</p>
        </div><!--End #footer-->
    </div><!--End #wrapper-->
</body>
</html>
